@charset "utf-8";
/*=============================================================
 message index
=============================================================*/
#ir.message #mainImg .lead{
	margin-right: 130px;
  font-size: calc(2rem + (2.6 - 1.8) * ((100vw - 768px) / (1300 - 768)));
  left: 5%;
  width: 58%;
}
#ir.message .nameImg{max-width: 150px;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:768px) and (max-width:1023px){
/*=============================================================
 message index
=============================================================*/

}

@media only screen and (min-width:480px) and (max-width:767px){
/*=============================================================
 message index
=============================================================*/
    #mainImg figure {
      height: auto;
    }
    #ir.message #mainImg .lead {
      width: 100%;
    }
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){
/*=============================================================
 message index
=============================================================*/
  #ir.message #mainImg .lead {
    width: 100%;
    line-height: 1.4;
  }
  #ir.message #mainImg figure img {
    object-position: 90% 50%;
  }
}